﻿<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8" />
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
  <!-- 引入样式 -->
  <link rel="stylesheet"  href="https://cdn.jsdelivr.net/npm/element-plus/dist/index.css" rel="external nofollow" target="_blank" />
  <!-- 引入组件库 -->
  <script src="https://cdn.jsdelivr.net/npm/element-plus" rel="external nofollow" ></script>




  <title>Element Plus框架</title>
</head>

<body>
  <div id="app">
    <el-button>{{ message }}</el-button>
  </div>
  <script>
    const App = {
      data() {
        return {
          message: "使用Element Plus!"
        }
      }
    };
    const app = Vue.createApp(App);
    app.use(ElementPlus)
    app.mount('#app');
  </script>
</body>

</html>